<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="last sunday personal blog theme">
    <meta name="keywords" content="bootstrap, responsive, blog, portfolio, personal blog, masonry, isotope">
    <meta name="author" content="templateninja">
    <link rel="shortcut icon" href="img/favicon.png">

    <title>Last Sunday</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href='http://fonts.googleapis.com/css?family=Raleway:400,700,800' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
    <link href="css/font-awesome.min.css" rel="stylesheet">
    <link href="css/magnific-popup.css" rel="stylesheet">
    <link href="css/style.min.css" rel="stylesheet">
    <link href="css/mint.min.css" rel="stylesheet" id="color-style">
    <link href="css/responsive.min.css" rel="stylesheet">
    <link href="css/demo.css" rel="stylesheet">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="js/html5shiv.min.js"></script>
      <script src="js/respond.min.js"></script>
    <![endif]-->
  </head>
  <body id="page-top">

    <!-- begin:container -->
    <div class="container content-wrapper">

      <!-- begin:navbar -->
      <div class="content-article">
        <div class="row">
          <div class="col-md-12">
            <nav class="navbar navbar-default navbar-primary" role="navigation">
              <div class="container-fluid">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                  </button>
                  <a class="navbar-brand" href="index.html"><img src="img/logo.png" alt="logo last sunday"></a>
                </div>

                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                  <ul class="nav navbar-nav navbar-right">
                    <li><a href="index.html">Home</a></li>
                    <li><a href="about.html">About</a></li>
                    <li><a href="contact.html">Contact</a></li>
                    <li class="dropdown">
                      <a href="#" class="dropdown-toggle" data-toggle="dropdown">Pages <span class="caret"></span></a>
                      <ul class="dropdown-menu" role="menu">
                        <li><a href="blog.html">Blog</a></li>
                        <li class="active"><a href="blog-single.html">Blog Single</a></li>
                        <li><a href="page.html">Page</a></li>
                        <li class="divider"></li>
                        <li><a href="portfolio.html">Portfolio</a></li>
                        <li><a href="portfolio-single.html">Portfolio Single</a></li>
                      </ul>
                    </li>
                  </ul>
                </div><!-- /.navbar-collapse -->
              </div><!-- /.container-fluid -->
            </nav>
          </div>
        </div>
      </div>
      <!-- end:navbar -->

      <!-- begin:header-title -->
      <div class="row">
        <div class="col-md-12">
          <div class="content-article">
            <div class="heading-title heading-title-img">
              <img src="img/image-blog-post-big-03.jpg" class="img-responsive" alt="blog single last sunday">
              <div class="blog-single-author"><img src="img/avatar-comment.jpg" alt="author blog last sunday"></div>
              <ul class="blog-post-meta">
                <li>1 mnth ago</li>
                <li>2k love</li>
                <li>4 comments</li>
              </ul>
            </div>
            <!-- begin:single-cat-and-breadcrumb -->
            <div class="row">
              <div class="col-md-5 col-sm-5 hidden-xs">
                <div class="single-cat-title">
                  <h4>Writing</h4>
                </div>
              </div>
              <div class="col-md-7 col-sm-7 col-xs-12">
                <ol class="breadcrumb">
                  <li><a href="#">Home</a></li>
                  <li class="active">Lorem ipsum dolor sit amet</li>
                </ol>
              </div>
            </div>
            <!-- end:single-cat-and-breadcrumb -->

          </div>
        </div>
      </div>
      <!-- end:header-title -->

      <!-- begin:main-section -->
      <div class="row">
        <!-- begin:article -->
        <div class="col-md-8">
          <!-- begin:blog-single -->
          <div class="content-article">
            <div class="row">
              <div class="col-md-12">
                <div class="page-title">
                  <div class="blog-post-date">
                    <span>08</span>
                    <span>AUG</span>
                  </div>
                  <h2>Lorem ipsum dolor sit amet</h2>
                  <span class="blog-detail-meta">By <a href="#">admin</a> On August 08, 2014 In <a href="#">Writing</a></span>
                </div>

                <p><strong class="first-paragraph">L</strong>orem ipsum dolor sit amet, <strong>consectetur adipisicing</strong> elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
                quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
                consequat. Duis aute irure dolor in <strong>reprehenderit in voluptate</strong> velit esse
                cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
                proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                <img src="img/image-blog-post-big-02.jpg" class="img-responsive img-blog-single" alt="image post single last sunday">
                <p><strong>Lorem ipsum dolor sit amet</strong>, consectetur adipisicing elit, sed do eiusmod
                tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
                quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
                consequat.</p>

                <!-- begin:blog-post-tags -->
                <div class="blog-post-tags">
                  <strong><i class="fa fa-tags"></i> Tags :</strong>
                  <ul class="tag-list">
                    <li><a href="#">Write</a></li>
                    <li><a href="#">Writing</a></li>
                    <li><a href="#">Travelling</a></li>
                  </ul>
                </div>
                <!-- end:blog-post-tags -->

                <!-- begin:blog-post-sharing -->
                <div class="blog-post-sharing">
                  <div class="row">
                    <div class="col-sm-5 col-xs-5">
                      <h4>Share this post :</h4>
                    </div>

                    <div class="col-sm-7 col-xs-7">
                      <ul class="share-list">
                        <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                        <li><a href="#"><i class="fa fa-facebook-square"></i></a></li>
                        <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                        <li><a href="#"><i class="fa fa-tumblr"></i></a></li>
                      </ul>
                    </div>
                  </div>
                </div>
                <!-- end:blog-post-sharing -->

              </div>
            </div>

            <!-- begin:blog-post-author -->
            <div class="row">
              <div class="col-md-12">
                <div class="blog-post-author">
                  <div class="blog-post-author-img">
                    <img src="img/author-avatar.jpg" alt="author avatar blog last sunday">
                  </div>
                  <div class="blog-post-author-desc">
                    <h3>John Doe <small>- CEO Twinslabs Inc.</small></h3>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
                    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
                    consequat.</p>
                    <strong>Follow me at:</strong>
                    <ul class="social-icon">
                      <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                      <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                      <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
                      <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
            <!-- end:blog-post-author -->

            <!-- begin:blog-post-related -->
            <div class="row">
              <div class="col-md-12">
                <h3 class="blog-single-title">Related Posts</h3>
              </div>
              <div class="col-md-6 col-sm-6 col-xs-12">
                <div class="blog-container">
                  <div class="blog-image">
                    <img src="img/image-blog-post-thumbnail-01.jpg" class="img-responsive" alt="blog masonry last sunday">
                  
                    <div class="blog-author"><img src="img/author-avatar.jpg" alt="author avatar last sunday"></div>
                    <div class="blog-content">
                      <span class="label label-secondary">Walking</span>
                      <h2><a href="blog-single.html">Lorem ipsum dolor sit amet consectetur</a></h2>
                      <ul class="blog-meta">
                        <li>1 hrs ago</li>
                        <li>2k love</li>
                        <li>100 comments</li>
                      </ul>
                    </div>

                  </div>
                </div>
              </div>
              <!-- break -->
              <div class="col-md-6 col-sm-6 col-xs-12">
                <div class="blog-container">
                  <div class="blog-image">
                    <img src="img/image-blog-post-thumbnail-02.jpg" class="img-responsive" alt="blog masonry last sunday">
                  
                    <div class="blog-author"><img src="img/avatar-comment.jpg" alt="author avatar last sunday"></div>
                    <div class="blog-content">
                      <span class="label label-primary">Travelling</span>
                      <h2><a href="blog-single.html">Lorem ipsum dolor sit amet consectetur adisplicing</a></h2>
                      <ul class="blog-meta">
                        <li>1 hrs ago</li>
                        <li>2k love</li>
                        <li>100 comments</li>
                      </ul>
                    </div>

                  </div>
                </div>
              </div>
            </div>
            <!-- end:blog-post-related -->

            <!-- begin:comment -->
            <div class="row">
              <div class="col-md-12">
                <div class="comment">
                  <h3>4 Comments</h3>
                  <ul>
                    <li>
                      <div class="comment-container">
                        <div class="comment-image">
                          <img src="img/avatar-comment.jpg" alt="comment last sunday">
                        </div>

                        <div class="comment-text">
                          <span class="comment-reply-link"><a href="#"><i class="fa fa-sign-in"></i> Reply</a></span>
                          <h4>John Doe</h4>
                          <span class="comment-meta">October 19, 2014 - 02:02 PM</span>
                          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                          tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
                          quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
                          consequat.</p>
                        </div>
                      </div>
                      <!-- break -->

                      <ul class="comment-reply">
                        <li>
                          <div class="comment-container">
                            <div class="comment-image">
                              <img src="img/author-avatar.jpg" alt="comment last sunday">
                            </div>

                            <div class="comment-text">
                              <span class="comment-reply-link"><a href="#"><i class="fa fa-sign-in"></i> Reply</a></span>
                              <h4>John Doe</h4>
                              <span class="comment-meta">October 19, 2014 - 03:02 PM</span>
                              <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                              tempor incididunt ut labore et dolore magna aliqua.</p>
                            </div>
                          </div>
                          <!-- break -->

                          <ul class="comment-reply">
                            <li>
                              <div class="comment-container">
                                <div class="comment-image">
                                  <img src="img/avatar-comment.jpg" alt="comment last sunday">
                                </div>

                                <div class="comment-text">
                                  <span class="comment-reply-link"><a href="#"><i class="fa fa-sign-in"></i> Reply</a></span>
                                  <h4>John Doe</h4>
                                  <span class="comment-meta">October 19, 2014 - 02:02 PM</span>
                                  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                                  tempor.</p>
                                </div>
                              </div>
                            </li>
                          </ul>
                        </li>
                      </ul>
                    </li>
                    <!-- break -->

                    <li>
                      <div class="comment-container">
                        <div class="comment-image">
                          <img src="img/avatar-comment.jpg" alt="comment last sunday">
                        </div>

                        <div class="comment-text">
                          <span class="comment-reply-link"><a href="#"><i class="fa fa-sign-in"></i> Reply</a></span>
                          <h4>John Doe</h4>
                          <span class="comment-meta">October 19, 2014 - 02:02 PM</span>
                          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                          tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
                          quis nostrud exercitation ullamco.</p>
                        </div>
                      </div>
                    </li>
                    <!-- break -->

                  </ul>
                </div>
              </div>
            </div>
            <!-- end:comment -->

            <!-- begin:comment-form -->
            <div class="row">
              <div class="col-md-12">
                <h3 class="blog-single-title">Leave a Comment</h3>

                <form role="form">
                  <div class="row">
                    <div class="col-sm-6">
                      <div class="form-group">
                        <label for="name">Name <sup class="text-secondary"><i class="fa fa-asterisk"></i></sup></label>
                        <input type="text" class="form-control">
                      </div>
                    </div>
                    <!-- break -->
                    <div class="col-sm-6">
                      <div class="form-group">
                        <label for="email">Email Address <sup class="text-secondary"><i class="fa fa-asterisk"></i></sup></label>
                        <input type="email" class="form-control">
                      </div>
                    </div>
                  </div>
                  <!-- break -->
                  <div class="row">
                    <div class="col-md-12">
                      <div class="form-group">
                        <label for="exampleInputFile">Comment</label>
                        <textarea class="form-control" rows="6"></textarea>
                      </div>
                    </div>
                  </div>
                  
                  <button type="submit" class="btn btn-secondary"><i class="fa fa-reply"></i> Submit</button>
                </form>
              </div>
            </div>
            <!-- end:comment-form -->

          </div>
          <!-- end:blog-single -->
        </div>
        <!-- end:article -->

        <!-- begin:sidebar -->
        <div class="col-md-4">
          <!-- begin:widget-sidebar -->
          <div class="content-article">
            <div class="widget-sidebar">
              <div class="widget-title">
                <h3>Search</h3>
              </div>

              <div class="input-group">
                <input type="text" class="form-control" placeholder="Type your keyword">
                <span class="input-group-btn">
                  <button class="btn btn-secondary" type="button"><i class="fa fa-arrow-right"></i></button>
                </span>
              </div>
            </div>
            <!-- break -->
            <div class="widget-sidebar widget_recent_entries">
              <div class="widget-title">
                <h3>Recent Posts</h3>
              </div>

              <ul>
                <li><a href="#">Lorem ipsum dolor</a></li>
                <li><a href="#">Lorem dolor</a></li>
                <li><a href="#">Lorem ipsum dolor sit amet</a></li>
                <li><a href="#">Lorem ipsum</a></li>
                <li><a href="#">Lorem ipsum dolor sit</a></li>
              </ul>
            </div>
            <!-- break -->
            <div class="widget-sidebar widget_archive">
              <div class="widget-title">
                <h3>Archives</h3>
              </div>

              <ul>
                <li><a href="#">September 2014</a> <span>40</span></li>
                <li><a href="#">August</a> <span>15</span></li>
                <li><a href="#">May</a> <span>21</span></li>
                <li><a href="#">February</a> <span>73</span></li>
                <li><a href="#">January</a> <span>51</span></li>
              </ul>
            </div>
            <!-- break -->
            <div class="widget-sidebar widget_archive">
              <div class="widget-title">
                <h3>Categories</h3>
              </div>

              <ul>
                <li><a href="#">Writing</a> <span>20</span></li>
                <li><a href="#">Design</a> <span>25</span></li>
                <li><a href="#">Art</a> <span>22</span></li>
                <li><a href="#">Photography</a> <span>33</span></li>
                <li><a href="#">Web Design</a> <span>32</span></li>
              </ul>
            </div>
            <!-- break -->
          </div>
          <!-- end:widget-sidebar -->
        </div>
        <!-- end:sidebar -->
      </div>
      <!-- end:main-section -->

    </div>
    <!-- end:container -->

    <!-- begin:footer -->
    <div class="footer">
      <div class="container">
        <div class="row">
          <div class="col-md-3 col-sm-6 col-xs-12">
            <div class="widget-footer">
              <h2><span>Last</span> Sunday.</h2>
              <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
              tempor incididunt ut labore et dolore magna aliqua.</p>
            </div>
          </div>

          <div class="col-md-3 col-sm-6 col-xs-12">
            <div class="widget-footer widget_comments">
              <div class="widget-title">
                <h3>Recent Discuss</h3>
              </div>

              <ul>
                <li><a href="#">Jane</a> On <a href="#">Lorem ipsum dolor</a></li>
                <li><a href="#">Jane</a> On <a href="#">Lorem ipsum dolor</a></li>
                <li><a href="#">Jane</a> On <a href="#">Lorem ipsum dolor</a></li>
              </ul>
            </div>
          </div>

          <div class="col-md-3 col-sm-6 col-xs-12">
            <div class="widget-footer">
              <div class="widget-title">
                <h3>Socialize With Me!</h3>
              </div>

              <p>You can follow me at:</p>

              <ul class="social-icon">
                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
                <li><a href="#"><i class="fa fa-behance"></i></a></li>
                <li><a href="#"><i class="fa fa-instagram"></i></a></li>
                <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                <li><a href="#"><i class="fa fa-github-alt"></i></a></li>
                <li><a href="#"><i class="fa fa-foursquare"></i></a></li>
                <li><a href="#"><i class="fa fa-youtube"></i></a></li>
                <li><a href="#"><i class="fa fa-soundcloud"></i></a></li>
                <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
                <li><a href="#"><i class="fa fa-vimeo-square"></i></a></li>
              </ul>
            </div>
          </div>

          <div class="col-md-3 col-sm-6 col-xs-12">
            <div class="widget-footer">
              <div class="widget-title">
                <h3>Subscribe!</h3>
              </div>
              <p>Get update straight to your inbox.</p>
              <form role="form">
                <div class="form-group">
                  <label for="exampleInputEmail1">Email address</label>
                  <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
                </div>
                <button type="submit" class="btn btn-secondary"><i class="fa fa-envelope-o"></i> Submit</button>
              </form>
            </div>
          </div>
          
        </div>
      </div>
    </div>
    <!-- end:footer -->

    <!-- begin:copyright -->
    <div class="copyright">
      <div class="container">
        <div class="row">
          <div class="col-md-12"><a href="#page-top" class="btn btn-secondary scrolltop btn-scrolltop"><i class="fa fa-chevron-up"></i></a></div>
        </div>
        <div class="row">
          <div class="col-md-6 col-sm-6 copyright-left">
            <p>Copyright &copy; 2014 All Right Reserved.</p>
          </div>
          <div class="col-md-6 col-sm-6 copyright-right">
            <p>LastSunday by <strong><a href="http://templateninja.net" target="_blank">Templateninja.</a></strong></p>
          </div>
        </div>
      </div>
    </div>
    <!-- end:copyright -->

    <!-- begin:navbar-secondary -->
    <div class="navbar-secondary navbar-secondary-hide"></div>
    <!-- end:navbar-secondary -->
    
    <!-- begin:demo-panel -->
    <div class="demo-btn">
      <i class="fa fa-cog"></i>
    </div>
    <div class="demo-container" style="display:none;">
      <h4>Color Schemes</h4>
      <ul>
        <li class="color-option color-mint" data-color-value="mint"></li>
        <li class="color-option color-orange" data-color-value="orange"></li>
        <li class="color-option color-yellow" data-color-value="yellow"></li>
        <li class="color-option color-green" data-color-value="green"></li>
        <li class="color-option color-red" data-color-value="red"></li>
        <li class="color-option color-blue" data-color-value="blue"></li>
        <li class="color-option color-purple" data-color-value="purple"></li>
      </ul>
    </div>
    <!-- end:demo-panel -->

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="js/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
     <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&amp;language=en"></script>
    <script src="js/gmap3.min.js"></script>
    <script src="js/jquery.easing.js"></script>
    <script src="js/jquery.backstretch.min.js"></script>
    <script src="js/imagesloaded.pkgd.min.js"></script>
    <script src="js/masonry.pkgd.min.js"></script>
    <script src="js/magnificpopup.min.js"></script>
    <script src="js/script.min.js"></script>
    <script src="js/demo.js"></script>
  </body>
</html>